<template>
  <div class="door">
    <div class="layout"></div>
  </div>
</template>

<script lang="ts">
import { defineComponent } from 'vue'

export default defineComponent({
  name: 'door',
  setup() {
    const tableData = [
      {
        date: '2016-05-03',
        name: 'Tom',
        address: 'No. 189, Grove St, Los Angeles'
      },
      {
        date: '2016-05-02',
        name: 'Tom',
        address: 'No. 189, Grove St, Los Angeles'
      },
      {
        date: '2016-05-04',
        name: 'Tom',
        address: 'No. 189, Grove St, Los Angeles'
      },
      {
        date: '2016-05-01',
        name: 'Tom',
        address: 'No. 189, Grove St, Los Angeles'
      }
    ]
    return { tableData }
  }
})
</script>

<style scoped lang="less">
.door {
  height: 100%;
  overflow: auto;
  background: url('@/assets/img/door/bg.png') no-repeat;
  background-size: 100% 100%;
  .layout {
    width: 1920px;
    height: 1080px;
    margin: 0 auto;
    border: 1px solid red;
    .svg-list {
      svg {
        margin-right: 10px;
      }
    }
  }
}
</style>
